<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <!引入外部字体文件 > -->
    <link href="../font/PingFang Medium.ttf" rel="stylesheet">
    <link rel="stylesheet" href="../fonts/element-icons.ttf">
    <link rel="stylesheet" href="../fonts/element-icons.woff">
    <link rel="stylesheet" href="../css/ele.css">
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/url.js"></script>
    <!-- <script src="../node_modules/element-ui/lib/index.js"></script> -->
    <script src="../js/ele.js"></script>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/Mixin.js"></script>
    <script src="../js/crypto-js.min.js"></script>
    <script src="../js/aes.js"></script>
</head>

<body>
    <div id="app">
        <!-- 头部 -->
        <header>
            <div class="heart ng-scope" ng-controller="HeartForm">
                <div class="logo" @click="goHome">
                    <img src="../image/index/logo.png" alt="" style="width: 123px;height: 59px;margin-top: 8px;">
                    <div style="width: 1px;
                    height: 24px;
                    background: #333333;
                    margin-top: 7%;
                    margin-right: 9px;"></div>
                    <div>留学大数据，智能选校专家</div>
                </div>
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="menuSelect">
                    <el-submenu index="1">
                        <template slot="title">产品</template>
                        <div class="chanpin">
                            <ul class="unav">
                                <li :class="[activenavliIndex==0?'activenavli':'']" @click="unavclcik(0)">全球院校库</li>
                                <li :class="[activenavliIndex==1?'activenavli':'']" @click="unavclcik(1)">智能选校系统</li>
                            </ul>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==0">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    全球院校库</div>
                                <div class="lcontent">
                                    <!-- <div> -->
                                    <ul v-for="(item,index) in headerList" :key="index">
                                        <li>{{item.name}}</li>
                                        <li v-for="i in item.universityItems" @click="qqyxkClick(item.id,i.id)">
                                            {{i.name}}院校库
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==1">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    智能选校系统</div>
                                <div class="lcontent">
                                    <div>
                                        <ul>
                                            <li v-for="(i,index) in znxxxtList" :key="index" style="font-size: 12px;"
                                                @click="znxxxtSearch(i)">
                                                {{i.name}}</li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </el-submenu>
                    <el-menu-item index="2">会员</el-menu-item>
                    <el-menu-item index="3">套餐</a></el-menu-item>
                    <el-menu-item index="4">合作</a></el-menu-item>

                </el-menu>
                <div class="user_box" id="user_box">
                    <div v-if="isLogin">
                        <el-dropdown trigger="click">
                            <span class="el-dropdown-link">
                                <img :src="HeadImageUrl" alt=""
                                    style="width: 33px;height: 33px; vertical-align: middle;margin-right: 8px;">
                                {{nickname}}<i class="el-icon-arrow-down el-icon--right"></i>
                            </span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item icon="el-icon-user" @click.native="goUser">个人中心</el-dropdown-item>
                                <el-dropdown-item icon="el-icon-layout"
                                    @click.native="layoutLogin">退出登录</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
                    <div v-else @click="login"><img src="../image/index/user.png" alt=""
                            style="width: 22px;vertical-align: middle;"> <a href="./login.html">登录</a>/ <a
                            href="./register.html">注册</a> </div>
                </div>
            </div>
        </header>
        <!-- 全球院校库 -->
        <div class="mapyx">
            <img src="../image/index/indexbgc.png" alt="" style="width: 100%;max-height: calc(100vh - 80px);"
                v-if="tabactiveIndex==0">
            <img src="../image/index/znxxxtBgc.png" alt="" style="width: 100%;max-height: calc(100vh - 80px);" v-else>
            <img src="../image/index/znxxxtimg.png" alt="" style="width: 94%;position: absolute;left: 3%; bottom: 25%;"
                v-if="tabactiveIndex==1">
            <div class="ttext" v-if="tabactiveIndex==0">
                <div class="qqyxk">全球院校库</div>
                <div class="yjcx">
                    超过19个国家/地区院校数据库</br> 一键查询，免费试用
                </div>
                <div class="btn">立即使用</div>
            </div>
            <div class="tab">
                <span :class="[tabactiveIndex==0?'tabactive':'']" @click="tabClick(0)">
                    全球院校库
                </span>
                <span :class="[tabactiveIndex==1?'tabactive':'']" @click="tabClick(1)">智能选校系统</span>
            </div>
        </div>
        <!-- 智能选校系统 -->
        <div class="znxxxt" id="znxxxt">
            <div class="firsttitle">智能选校系统</div>
            <div class="secondtite">
                超过9个国家/地区选校系统巨可靠，强续航，低成本，高效率
            </div>
            <div class="xxcontent">

                <div v-for="item in znxxxtList" @click="znxxxtSearch(item)">
                    <img :src="item.imgSrc" alt="">
                    <p>{{item.name}}</p>
                </div>

            </div>
        </div>
        <!-- 院校库 -->
        <div class="yyk" id="yyk">
            <el-carousel :interval="5000" arrow="always" :autoplay="false">
                <!-- <el-carousel-item v-for="(item,index) in qqyxk" :key="index">
                    <div class="firsttitle">{{item.title}}</div>
                    <div class="one" :style="index==0?'':'justify-content: center;margin-left: 0;'">
                        <div v-for="(item1,index1) in item.one" :key="index1" @click="qqyxkClick(item,item1)">
                            <img :src="item1.img" alt="">
                            <div>{{item1.title}}</div>
                        </div>
                    </div>
                    <div class="two">
                        <div v-for="(item2,index2) in item.two" :key="index2" @click="qqyxkClick(item,item2)">
                            <img :src="item2.img" alt="">
                            <div>{{item2.title}}</div>
                        </div>
                    </div>
                    <div class="three">
                        <div v-for="(item3,index3) in item.three" :key="index3" @click="qqyxkClick(item,item3)">
                            <img :src="item3.img" alt="">
                            <div>{{item3.title}}</div>
                        </div>
                    </div>
                </el-carousel-item> -->
                <el-carousel-item v-for="(item,index) in headerList" :key="index">
                    <div class="firsttitle">{{item.name}}院校库</div>
                    <div class="one" style="justify-content: center;    flex-wrap: wrap;
                    max-width: 1000px;
                    margin: auto;
                ">
                        <div v-for="(item1,index1) in item.universityItems" :key="index1"
                            @click="qqyxkClick(item.id,item1.id)">
                            <img :src="item1.imgSrc" alt="">
                            <div>{{item1.name}}院校库</div>
                        </div>
                    </div>
                </el-carousel-item>
            </el-carousel>
        </div>
        <!-- footer -->
        <footer>2023-2024 非攻留学大数据 版权所有 feigongdata.com 浙ICP备2024101258号-1</footer>
    </div>
</body>
<script>

    var app = new Vue({
        mixins: [myMixin],
        // components: {
        //     'my-component': MyComponent
        // },
        el: "#app",
        data() {
            return {
                tabactiveIndex: 0,
                qqyxk: [
                    {
                        title: '欧洲院校库',
                        one: [
                            {
                                title: '荷兰院校库',
                                img: '../image/index/helan.png'
                            },
                            {
                                title: '意大利院校库',
                                img: '../image/index/ydl.png'
                            },
                            {
                                title: '西班牙院校库',
                                img: '../image/index/xby.png'
                            }
                        ],
                        two: [
                            {
                                title: '丹麦院校库',
                                img: '../image/index/danmai.png'
                            },
                            {
                                title: '法国院校库',
                                img: '../image/index/faguo.png'
                            },
                            {
                                title: '德国院校库',
                                img: '../image/index/deguo.png'
                            }
                        ],
                        three: [
                            {
                                title: '比利时院校库',
                                img: '../image/index/bls.png'
                            },
                            {
                                title: '瑞典院校库',
                                img: '../image/index/ruidian.png'
                            },
                            {
                                title: '芬兰院校库',
                                img: '../image/index/fenlan.png'
                            }
                        ]
                    },
                    {
                        title: '北美院校库',
                        one: [{
                            title: '美国院校库',
                            img: '../image/index/meiguo.png'
                        }, {
                            title: '加拿大院校库',
                            img: '../image/index/jnd.png'
                        }]
                    },
                    {
                        title: '英爱院校库',
                        one: [{
                            title: '英国院校库',
                            img: '../image/index/yingguo.png'
                        }, {
                            title: '爱尔兰院校库',
                            img: '../image/index/ael.png'
                        }]
                    },
                    {
                        title: '澳新院校库',
                        one: [{
                            title: '澳大利亚院校库',
                            img: '../image/index/adly.png'
                        }, {
                            title: '新西兰院校库',
                            img: '../image/index/xxl.png'
                        }]
                    },
                    {
                        title: '港新院校库',
                        one: [{
                            title: '香港院校库',
                            img: '../image/index/xianggang.png'
                        }, {
                            title: '新加坡院校库',
                            img: '../image/index/xjp.png'
                        }]
                    },
                    {
                        title: '东南亚院校库',
                        one: [{
                            title: '马来西亚院校库',
                            img: '../image/index/mlxy.png'
                        }]
                    }
                ]
            }
        },
        created() {
            //页面重定向获取URL中参数值
            const getUrlParam = function (queryName) {
                const queryString = window.location.search;
                const params = new URLSearchParams(queryString);
                const value = params.get(queryName);
                return value ? decodeURIComponent(value) : null;
            }
            //获取微信授权重定向后的code
            let code = getUrlParam('code');
            if (code) {
                //微信授权自动注册登录
                http('wcdata/loginstatus?code=' + code, 'post').then((res) => {
                    // setUserToken(res.data)
                    // res.data = "rcEZCZblvH1OjPW69mOtnvOlbpY7ev6hPQ3NeBk3hHE0j0e3yxdcue5pXgrwncXYN/a14H5sghtQJVS9lmVv8r9RycuF6yqQIm4Whfbm/E205upMmb+tztLYbvkvXG7LTTGtCqHw9YLC+4fxJTCvha+yyAjFyYpz4iHSjzzPaQBEr8QJiUCBxepFfMrdUgRTeilbyikg/Xw4C/IMq9FjTtAJtLGgOQyNy9QdYSVsRa3CmAvltVkTMia1nko7zx5qaE2nvqHPxofYUjH4I4kmZpL0ga4OCkG7ApTuOxSb6m3rZnK+Ki/peLN/iU4fHCuc"
                    console.log(res);
                    console.log(JSON.parse(Decrypt(res.data)));
                    let info = JSON.parse(Decrypt(res.data))
                    localStorage.setItem('openid', info.openid)
                    localStorage.setItem('unionid', info.unionid)
                    this.HeadImageUrl = info.HeadImageUrl
                    if (!info.passw || !info.phone) {
                        window.location.href = './bindingPhone.html'
                    } else {
                        http('account/login', 'post', {
                            phone: info.phone,
                            passw: info.passw
                        }).then(res => {
                            if (res.status == 0) {
                                console.log(res.data, Decrypt(res.data));
                                let data = res.data ? JSON.parse(Decrypt(res.data)) : ''
                                console.log(data);
                                localStorage.setItem('customerid', data.customerid)
                                localStorage.setItem('aesKey', data.aesKey)
                                localStorage.setItem('token', data.token)
                                location.href = './index.html'
                            } else {
                                return this.$message.error('登录失败')
                            }
                        })
                    }
                }).catch((e) => {
                    // this.$message.error('登录失败，' + e.message)
                })
            }

        },
        methods: {

            // qqyxkClick(item, item1) {
            //     window.location.href = './qqyxk.html?yuanxiao=' + item.title + ',' + item1.title
            // },
            znxxxt(item) {
                window.location.href = './znxxxt.html?countrySelectSystem=' + item
            },
            // znxxxtSearch(item) {
            //     window.location.href = './znxxxtSearch.html?item=' + JSON.stringify(item)
            // }
        }
    })
</script>

</html>